<!DOCTYPE html>
<html>
    <head>
        <link rel='match' href='inline_block_img_ref.html'>
        <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
        <style>
            body {
                margin: 0;
                padding: 0;
                background-color: white;
            }
            .red {
                color: red;
            }
            .green {
                color: green;
            }
            .ib {
                display: inline-block;
            }
            span {
                font-family: ahem;
                font-size: 100px;
            }
            .bg {
                background-color: white;
                position: absolute;
                width: 100%;
                height: 500px;
            }
        </style>
    </head>
    <body>
    <div class="bg">
        <span class="red">X</span><img src="400x400_green.png"><span class="green ib">X</span>
    </div>
    </body>
</html>
